<template>
	<view class="orderAll">
		<view v-for="(item,index) in dataList" :key="index">
			<uni-card>
				<view class="orderList">
					<view class="order-item">
						<view class="orderListHeader" v-if="disable">
							<text>{{item.order_id}}</text>
							<view class="order-statu" v-if="item.order_status == 1">待付款</view>
							<view class="order-statu" v-if="item.order_status == 2">待配送</view>
							<view class="order-statu" v-if="item.order_status == 3">待收货</view>
							<view class="order-statu" v-if="item.order_status == 4">待评价</view>
							<view class="order-statu" v-if="item.order_status == 5">订单已取消</view>
							<view class="order-statu" v-if="item.order_status == 6">已评价</view>
						</view>
						<OrderItem :orderData="orderData" :item="item" :disable="disable",:index="index"></OrderItem>
					</view>
				</view>
			</uni-card>
		</view>
	</view>
</template>

<script>
	import $http from '../../common/api/request.js'
	import Lines from '../../components/common/Lines.vue'
	import OrderItem from '@/components/order/order-item.vue'
	export default{
		props:{
			dataList:Array,
			current:String,
			disable:Boolean,
			orderData:Array
		},
		onLoad() {
			
		},
		data(){
			return{
			}
			
		},
		components:{
			Lines,
			OrderItem
		},
		methods:{
			// 进入店铺
			goStore(item,index){
				uni.navigateTo({
					url:"/pages/merchant-stores/merchant-stores?data="+JSON.stringify(item)+""
				})
			},
		}
	}
</script>

<style scoped>
	.orderAll{
		width: 750rpx;
	}
	.order-header {
		width: 100%;
		padding: 8rpx 0rpx 8rpx 40rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.order-header-item{
		width: 100%;
	}
	.orderListHeader{
		display: flex;
		height: 60rpx;
		width: 100%;
		justify-content: space-between;
		align-items: center;
	}
	.shop-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-top: 1rpx solid #efefef;
	}
	.shop-img{
		width: 150rpx;
		height: 150rpx;
	}
	.shop-text{
		flex: 1;
		height: 150rpx;
		padding: 15rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.shop-price {
		display: flex;
		justify-content:space-between;
		align-items: center;
	}
	.review{
		display: flex;
		justify-content: center;
		align-items: center;
		color: #636263;
		width: 100rpx;
		height: 50rpx;
		border: 2rpx solid #cbd3d6;
		border-radius: 5rpx;
		font-size: 22rpx;
	}
	.byagin{
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		background-color: #ff0000;
		width: 100rpx;
		height: 50rpx;
		border-radius: 5rpx;
		font-size: 22rpx;
	}
	.butn{
		display: flex;
		padding: 20rpx;
	}
	.shop-name-number{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.btn-item{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 340rpx;
	}
	.btn-delivery-cancle{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 240rpx;
	}
	.arror-right{
		width: 30rpx;
		height: 30rpx;
	}
	.store-name{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.foot-count{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
</style>